{template header_static.html}
{php extract(dr_get_form_post_value('zxly'))}
<body>
  <div id="warpper"> 
    {template header.html}
    <section>
      <div class="contain">
        <?php $neiyebanner=dr_site_value('neiyebanner');?>
        <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
        {if $key==0}
        <div class="nybanner" style="background-image:url({dr_get_file($v[2])});">
          <div class="ny-title">
            <h2 class="wow bounceInDown">{usu_fanyi($v[3], $language)}</h2>
            <h3 class="wow fadeInUp">{usu_fanyi($v[4], $language)}</h3>
          </div>
        </div>
        {/if}
        <?php  $key++; } } ?> 
        <style>
            .ny-title .bounceInDown{
                text-transform: uppercase;
                font-size: 50px;
                color: #fff;
                font-weight: 700;
            }
            .ny-title .fadeInUp{
                font-size: 50px;
                color: #fff;
                font-weight: 700;
            }
        </style>
        <div class="navigation">
          <div class="layout"> <a href='/' class=''>HOME</a>{dr_catpos($catid,'',true,' > <a href="[url]">[name]</a>')} </div>
        </div>
        <div class="news-warp">
          <div class="layout">
            <div class="news-screen clearfix">
              <div class="screenleft">
                <ul>
                  {category module=share pid=1 return=t}
                  <li class=""><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}</a></li>
                  {/category}
                </ul>
              </div>
            </div>
            <div class="index-case">
              <ul class="clearfix" id="ul">
                
                {module module=news catid=$catid  page=1}
                <li>
                  <div class="pic"> 
                    <img src="{dr_get_file($t['thumb'])}">
                    <div class="btn-group trans"> 
                        <a class="details_btn trans" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi('DETAIL', $language)}</a>
                    </div>
                  </div>
                  <a href="{dr_url_rel($t.url, SITE_URL)}">
                    <h2 class="h2"> <span>{usu_fanyi($t['title'], $language)}</span> <i></i> </h2>
                  </a>
                </li>
                {/module}

              </ul>
            </div>
            <div class="pagination-wrapper">
                <div class="pages">
                    {$pages}
                </div>
                <style>
                    @media(min-width:586px){
                        li{ 
                        list-style: none;
                    }
                    .pages .active{
                        border: 0px ;
                        background:#232323;
                    }
                    .pages .active a{
                        color: #ffffff;
                    }
                    .pages {
                        margin: 40px 0 ; 
                    }
                    .pagination { 
                        display: flex; 
                        justify-content: center; 
                        align-items: center;
                    }
                    .pagination li:first-child{
                        border: 0px ;
                        background:#232323;
                    }
                    .pagination li:first-child a{
                        color: #ffffff;
                    }
                    .pagination li { 
                        border: 1px solid #ccc;
                        margin: 0 5px; 
                        line-height: 40px;
                    }
                    .pagination li a{ 
                    padding: 10px 15px;
                    line-height: 4px;
                    }
                    .pagination li:hover{ 
                        background:#232323;
                    }
                    .pagination li a:hover{ 
                        color: #ffffff;
                    }
                    }
                    @media(max-width:586px){
                        .pagination li:first-child {  
                            display: none;  
                        }
                        li{ 
                            list-style: none;
                        }
                        .pages .active{
                            border: 0px ;
                            background:#232323;
                        }
                        .pages .active a{
                            color: #ffffff;
                        }
                        .pages {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 40px 0 ; 
                        }
                        .pagination { 
                            padding-left:0px ;
                            display: flex; 
                            justify-content: center; 
                            align-items: center;
                        }
                        .pagination li:first-child{
                            border: 0px ;
                            background:#232323;
                        }
                        .pagination li:first-child a{
                            color: #ffffff;
                        }
                        .pagination li { 
                            border: 1px solid #ccc;
                            margin: 0 5px; 
                            line-height: 40px;
                        }
                        .pagination li a{ 
                        padding: 10px 15px;
                        line-height: 4px;
                        }
                        .pagination li:hover{ 
                            background:#232323;
                        }
                        .pagination li a:hover{ 
                            color: #ffffff;
                        }
                    }
                </style>
            </div>
          </div>
        </div>
        {template nav_contact.html}
      </div>
    </section>
    {template footer.html}
  </div>
</body>

</html>